/*
* @date 2012-05-04
*/
body, p, form, input, textarea, ul, li, h1, h2, h3, h4, dl, dt, dd, table, td, th { margin:0; padding:0; }
table, td, th { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4 { font-size:100%; }
img, input, textarea { vertical-align: middle; border:0; }
a { text-decoration:none; color:#999; outline:none; }
a:hover { text-decoration:underline; }
body { font:12px/1.5 "微软雅黑","tahoma", Verdana, Geneva, sans-serif; color:#666; position:relative;}
.clearfix:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}
.fl { float:left;}
.fr { float:right;}
/*.public*/
.main {margin:0 auto; width:980px;} 
.footer { height:; background:#fafafa; border-top:1px solid #f3f3f3; padding:28px 0 40px;}
.footer p { line-height:23px; color:#c6c6c6; text-align:center;}
/*head*/
.head-warp { background:#fbfbfb url(http://p3.qhimg.com/d/360browser/20120928/navBg.gif) repeat-x 0 bottom;}
.head-warp .head { width:980px; margin:0 auto; background-image:none;}
.head { height:49px;  background:url(http://p3.qhimg.com/d/360browser/20120928/line01.png) no-repeat 50% bottom; padding:14px 0 1px;}
.head h1 { background:url(http://p3.qhimg.com/d/360browser/20120928/logo.png) no-repeat; height:42px; width:178px; float:left; line-height:10em; overflow:hidden;}
.head h1 a { display:block; width:100%; height:42px;}
.nav-box { float:right; position:relative;}
.nav-box ul { padding-top:8px;}
.nav-box ul li { float:left; font-family:"微软雅黑"; font-size:14px; padding:0 12px; height:41px; line-height:41px;}
.nav-box ul li a { color:#4b4b4b;}
.nav-box ul li a:hover { text-decoration:none;}
.nav-box ul li.last { font-family:"微软雅黑"; font-size:12px; padding-top:1px;}
.nav-box ul li.last a { color:#a2a2a1;}
.nav-box .nav-line { position:absolute; left:0; bottom:0; height:2px; line-height:2px; font-size:0; width:52px; background:#35c4fd;}
/*dialog*/
.dialog-bg { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: #fff; filter:alpha(opacity=70); opacity:0.7; display:none;}
.dialog { box-shadow: 0 4px 16px rgba(0,0,0,0.2); background: #fff; position: fixed; left: 50%; top: 50%; height: 1px; width: 1px; margin-left: 0; margin-top: 0; z-index: 1002;  border:1px solid #e3e3e3; display:none;}
#closed-btn { background: #595959 url(http://p3.qhimg.com/d/360browser/20120928/clsBtn.gif) no-repeat 5.5px 5px; border: 2px solid #fff; border-radius: 20px; box-shadow: 3px 0 5px rgba(0,0,0,0.2); width: 20px; height: 20px;  overflow: hidden; color: #fff;  position: absolute; right: -13px; top: -12px; text-indent:-1000em; display:none; }
#closed-btn:hover { text-decoration: none; }
.dialog-cont { overflow: hidden; height: 560px; display:none;}
.dialog-head { padding: 10px 0 0; margin:0 33px; border-bottom:1px solid #ebebeb; position:relative; overflow:hidden; zoom:1;}
.ext-img { height: 48px; width: 48px; padding: 10px 10px 10px 0; }
.f-txt { margin-left: 77px; }
.f-txt h2 { font-size: 20px; font-weight: normal; line-height: 30px; margin: 8px 0 6px; color:#000;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:480px;}
.star { width:61px; height:12px; background:url(http://img.360.cn/images/2008/360chrome/img/star.gif) no-repeat 0 -12px; margin:-2px 8px 0 0;}
.star span { display:block; height:12px; background:url(http://img.360.cn/images/2008/360chrome/img/star.gif) no-repeat;}
.f-infor { line-height:16px; color:#dbdbdb; margin-top:-6px;}
.f-infor a,.star { display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.f-infor a { padding-left:20px; background:url(http://p3.qhimg.com/d/360browser/20120928/wbo.png) no-repeat; height:16px; line-height:20px; overflow:hidden; margin:-2px 0 0 8px;}
.download-btn { background:url(http://p3.qhimg.com/d/360browser/20120928/btn2.png) no-repeat; box-shadow: 0 2px 0 #ececec; border-radius: 2px; width:157px; height:37px; position:absolute; right:0; top:28px; text-indent:-1000em; overflow:hidden; }
/**/
.tab-btn { background:#f5f5f5; border-top:1px solid #ededed; height:90px; position:relative; padding:0 53px;}
.dir-btn { position:absolute; height:90px; background:#f5f5f5 url(http://p3.qhimg.com/d/360browser/20120928/arrow.png) no-repeat 0 -65.5%; width:26px; height:56px; top:17px; border:1px solid #f5f5f5; border-radius:2px;}
.dir-btn:hover { background-color:#f0f0f0; border-color:#dfdfdf; background-color:#fcfcfc;}
.prev { left:16px; background-position: 0 -38px;}
.next { right:16px;  background-position: -25px -38px;}
.prev:hover { background-position:0 -65.6%;}
.next:hover { background-position:-25px -65.5%;}
.prev:active,#next:active { background-color:#f0f0f0;}
.btn-list { height:82px; position:relative; overflow:hidden; margin-top:2px;}
.btn-list ul { margin-top:4px; text-align:center; width:1000em;padding-top:8px;}
.btn-list li { display:inline; float:left; position:relative;/* height:76px;*/ width:58px; border:1px solid #e6e6e6; margin: 0 4px; cursor:pointer;}
.btn-list li img {vertical-align:top; padding:4px; border:1px solid #fff; background:#fff; width:48px; height:48px;}
.btn-list li.cur { border-color:#34c61c;}
.btn-list li.cur img { border-color:#34c61c;}
.btn-list li.cur span { border: 4px solid #f5f5f5; border-bottom-color: #34c61c; line-height: 0; font-size: 0; position: absolute; left: 50%; top: -9px; margin-left:-4px; }



/*share*/
.share{ 
    width:530px; height:490px; 
    /*position:absolute; 
    left:50%; top:600px; margin:0 0 0 -265px; 
    z-index:10000;*/
}
.sharebg{ width:530px; height:490px; background:#509ee4; filter: Alpha(opacity=30); opacity:0.3;}
.sharec,.resultc{ width:520px; height:480px; position:absolute; top:4px; left:4px; background:#fff; overflow:hidden; border:1px solid #a9a9a9;}
.sharet{ clear:both; height:40px; line-height:40px; background:url(http://w.qhimg.com/images/v2/chrome/themes/skbg.png) 0 -120px repeat-x; padding:0 15px;}
.sharet h2{ float:left; font-size:14px; color:#808080;}
.sharet span{ float:right;}
.sharet .cls{ display:inline-block; width:24px; height:23px; background:url(http://w.qhimg.com/images/v2/chrome/themes/skbg.png) no-repeat 0 -196px; vertical-align:middle;}
.share-list{ height:347px; padding:5px 0 0 0;}
.share-list dl{ clear:both; overflow:hidden; zoom:1; padding:13px 0 0 0;}
.share-list dt{ float:left; width:115px; text-align:right; font-size:14px;}
.share-list dd{ float:left; *overflow:hidden; *zoom:1;}
.sharef{ clear:both; overflow:hidden; zoom:1;}
/*.sharef ul{ float:left; width:344px; height:98px; background:#fbfbfb; margin:0 10px;}*/
.viewer {float:left; width:335px; height:98px; background:#fbfbfb; margin:0 10px;overflow: hidden;position: relative;}
.sharef ul {left: 0px;width: 336px;position: relative;overflow: hidden;height: 98px;}

.sharef li{ float:left; width:42px; height:42px; padding:3px;}
.sharef a.selected{ opacity: 0.4;filter: alpha(opacity=40); ;display: block;width: 42px;}
.sharef li img{ width:40px; height:40px; border:1px solid #cbcbcb;}
.go-l,.go-r{ float:left; width:12px; height:24px; background:url(http://w.qhimg.com/images/v2/chrome/themes/skbg.png) no-repeat -25px -196px; margin:40px 0 0 0;}
.go-r{ background-position:-38px -196px;}
.share-txt{ width:332px; height:101px; background:#f2f2f2; border:1px solid #808080; overflow:auto;font-size: 13px;}
.shareb{ clear:both; height:65px; background:#ecf7ff; text-align:center; padding:25px 0 0 0;}
.shareb input{ vertical-align:middle;}
.share-btn, .share-btn-result{ width:126px; height:34px; border:none; cursor:pointer; background:url(http://w.qhimg.com/images/v2/chrome/themes/skbg.png) no-repeat 0 -161px;}
a.share-btn-result {display: block;margin: 0 auto;}
.sharec .share-btn {background:url(http://w.qhimg.com/images/v2/chrome/themes/skbg1.png) no-repeat 0 -161px;}
.result{ width:429px; height:240px;margin-top: 40px;margin-left: 52px;}
.result .sharebg{ width:429px; height:240px;}
.resultc{ width:419px; height:230px; text-align:center; color:#808080;margin-top: 40px;margin-left: 52px;}
.resultc h3{ font-size:30px; font-family:"宋体"; font-weight:normal; padding:35px 0 0 0;}
.resultc p{ padding:25px 0 35px;}
.resultc p a{ font-weight:bold;}

.t_3{background:url(http://w.qhimg.com/images/v2/chrome/img/110629/t_3.png) no-repeat;width:962px;height:57px;margin:0 auto; position:relative;}
.sk-btn{ position:absolute; width:139px; height:29px; top:15px; right:18px;}



.main { padding-top: 43px; }
/*navi*/
.navi { background: url(http://p3.qhimg.com/d/360browser/20120928/naviBg.gif) repeat-x; height: 38px; line-height: 38px; margin-bottom: 34px; }
.navi td { border: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; text-align: center; }
.navi td a { color: #777; display: block; font-size: 14px; font-family: Tahoma; }
.navi td a:hover { text-decoration: none; }
.navi td a.cur, .navi td div.cur{ background: #fff; border-top: 1px solid #35c4fd; height: 37px; line-height: 37px; font-weight: 700; }
.pos-box a.search-btn, .pos-box a.custom-btn { font-size: 12px; display: inline-block; *display:inline;
zoom: 1; vertical-align: -5px; position: relative; padding-left: 34px; }
.pos-box a em { border: 4px solid #fbfbfb; border-top-color: #bdbdbd; display: inline-block; *display:inline;
zoom: 1; vertical-align: -1px; line-height: 0; font-size: 0; position: absolute; right: 0; top: 7px; }
.pos-box a.search-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/schIcon-b.png) no-repeat 0 1px; height: 18px; line-height: 18px; }
.pos-box a.custom-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/styleIcon-b.png) no-repeat 0 1px; height: 18px; line-height: 18px; }
.pos-box { position: relative; z-index: 3; }
.pos-box span { border: 1px solid #d6d6d6; border-bottom-color: #fbfbfb; position: absolute; left: -1px; top: 0; *top:-10px;
height: 36px; width: 100%; cursor: pointer; opacity: 0; filter: Alpha(opacity=0); z-index: 4; }
.hover a.search-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/schIcon-b.png) no-repeat 0 -53px !important; }
.hover a.custom-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/styleIcon-b.png) no-repeat 0 -53px !important; }
.hover a em { border-top: none; border-bottom-color: #bdbdbd; vertical-align: 4px; }
.hover span { opacity: 1; filter: Alpha(opacity=100); }
.hover .search-box { display: block; }
.search-box { position: absolute; right: -1px; top: 37px; border: 1px solid #d6d6d6; background: #fbfbfb; padding: 5px; width: 268px; *top:27px;
display: none; z-index: 3; }
.search-box input { float: left; border: 1px solid #d6d6d6; }
.sch-txt { width: 201px; padding: 5px 4px; box-shadow: inset 0 0 2px #d6d6d6; outline: none; border-radius: 3px 0 0 3px; color: #666; }
.sch-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/btnbg03.gif) repeat-x; height: 28px; text-align: center; border-left: 0 !important; width: 57px; border-radius: 0 3px 3px 0; color: #5c5c5c; cursor:pointer;}
.more { width: 157px; line-height: 18px; padding: 12px; }
.more p { text-align: left; color: #999; }
.more a.more-btn { color: #fff; font-size: 12px; float: right; }
.more-btn { display: inline-block; *display:inline;
zoom: 1; background: url(http://p3.qhimg.com/d/360browser/20120928/btn02.gif) no-repeat; width: 65px; font-family: tahoma; height: 20px; color: #fff; font-size: 12px; text-align: center; box-shadow: 0 2px 0 #ececec; border-radius: 2px; }
/*sort-list*/
 .search-tips,.sort-list { color: #b2b2b2; margin-bottom: 25px; padding-left: 9px; }
.sort-list a { padding: 0 15px; color: #777; }
.sort-list a:first-child { margin-left: -15px; }
.sort-list a.cur { font-weight: 700; }
.sort-list a:hover { text-decoration: none; }
.search-tips span{font-weight: 700;color:#777;padding:0px;}
/*extend-list*/
.extend-list { padding-bottom: 88px; overflow:auto;height:600px;}
.extend-list ul:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.extend-list ul { zoom: 1;  position: relative; z-index: 1; }
/*webkit scrollbar*/
.extend-list::-webkit-scrollbar-track-piece,.ext-info::-webkit-scrollbar-track-piece {
background:#fff;
border-radius:0;
}
.extend-list::-webkit-scrollbar,.ext-info::-webkit-scrollbar {
width:9px;
height:9px;
}
.extend-list::-webkit-scrollbar-thumb:vertical,.ext-info::-webkit-scrollbar-thumb:vertical {
height:9px;
background:#d9d9d9;
border-radius:12px;
}
.extend-list::-webkit-scrollbar-thumb:hover,.ext-info::-webkit-scrollbar-thumb:hover {
height:9px;
background:#ccc;
border-radius:12px;
}
.extend-list::-webkit-scrollbar-thumb:horizontal,.ext-info::-webkit-scrollbar-thumb:horizontal {
width: 9px;
background: #dddddd;
border-radius: 12px;
}
.extend-list li { height: 177px; width: 150px; border: 1px solid #ededed; padding: 0 8px 8px; float: left; overflow: hidden; background: #fff; letter-spacing: normal; word-spacing: normal; margin: 0 26px 26px 0; *margin-right:24px;margin-right: 24px\9; display: inline; position: relative; z-index: 1; cursor:pointer;}
.extend-list li:hover { box-shadow: 0 0 3px #f4f4f4; }
.ext-logo { padding-top: 8px; display: block; /*transition: margin-top .25s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s; -webkit-transition: margin-top .25s cubic-bezier(0.250, 0.460, 0.450, 0.940) ; -moz-transition: margin-top .2s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/ margin: 0 auto; position: relative; }
.ext-logo img { vertical-align: top; }
.ext-logo span { background: url(http://p3.qhimg.com/d/360browser/20120928/extIcon.png) no-repeat 0 30px; position: absolute; left: -8px; top: 0; width: 30px; height: 30px; }
.ext-logo span.installed {background-position: 0 0;}
.ext-logo span.update { background-position: 0 -30px; }
.extend-list li h1 { height: 29px; line-height: 29px; font-size: 14px; font-weight: 700; border-bottom: 1px solid #f4f4f4; margin: 4px 0 10px; *margin-bottom: 11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.extend-list li p { color: gray; font-family: tahoma; }
.first-info { height: 38px; overflow: hidden; margin-bottom: 6px; line-height: 18px; }
.two-info { line-height: 20px; }
.ext-btn { display: block; background: url(http://p3.qhimg.com/d/360browser/20120928/btn1.png) no-repeat; margin: 5px auto 0; height: 25px; line-height: 25px; text-indent: -1000em; width: 123px; box-shadow: 0 2px 0 #ececec; border-radius: 1px; }
.add-btn:hover{background-position:0 -27px;}
.update-btn{background-position:0 -81px}
.update-btn:hover{background-position:0 -108px}
.installed-btn{background-position:0 -161px;}
.dialog_detail .download-btn{right:50px;}
.dialog_detail .add-btn{background-position:0 0;}
.dialog_detail .add-btn:hover{background-position:0 -39px;}
.dialog_detail .update-btn{background-position:0 -117px}
.dialog_detail .update-btn:hover{background-position:0 -156px}
.dialog_detail .installed-btn{background-position:0 -234px;}
/**/
.tab-cont { padding:20px 0; margin:0 33px;}
/*slide-box*/
.slide-box { width:560px; position:relative; height:350px; overflow:hidden;}
.slide-cont { position:relative; height:350px; width:560px; overflow:hidden;}
.slide-cont p { position:absolute; left:0; top:0; height:350px; width:560px; overflow:hidden;}
.slide-cont p img { height:350px; width:560px;}
.pagination { background:rgba(0,0,0,0.4); height:30px; text-align:center; position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.pagination li { display:inline-block; *display:inline; zoom:1; margin:0 3px;}
.pagination li a { display:block; width:9px; height:9px; line-height:0; text-indent:-1000em; overflow:hidden; background:#fff; border-radius:9px;}
.pagination li.current a { background:#34c61c; }
/**/
.ext-info { width:204px;font-family:tahoma; overflow:auto; height:350px;}
.ext-info h2 { font-size:14px;  color:#4c4c4c; margin-bottom:20px;}
.ext-info h2 span { display:block; font-size:12px; color:#999; font-weight:normal; margin-top:4px;}
.ext-info p { line-height:28px; color:#808080; padding-right:10px;}

.dialog-bg { position:absolute; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(225,225,225,0.55);}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 530px;

 /*   background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px; */
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
